@charset "utf-8";

@import "mb.scss";

// @import "header.scss";
body{
    background:#f5f4f0;
}
.header {
    height:Rm(98);
    background:#00b459;
    h2 {
        float:left;
        height:Rm(98);
        line-height: Rm(98);
        font-size:Rm(32);
        color:#f4f4f4;
        padding-left:Rm(20);
    }
    .city {
        float:right;
        height:Rm(98);
        line-height: Rm(98);
        font-size:Rm(30);
        color:#f4f4f4;
        padding:0 Rm(20) 0 Rm(8);
        i {
            display:inline-block;
            width:Rm(15);
            height:Rm(8);
            background: url(img/down.png) no-repeat 0 0;
            background-size:Rm(15) Rm(8);
            margin-left:Rm(14);
            vertical-align: middle;
            margin-top:Rm(-2);
        }
    }
    .search {
        margin:0 Rm(127) 0 Rm(171);
        padding-top:Rm(19);
        .so {
            height:Rm(60);
            background:#0c8a4a;
            border-radius:Rm(30);
            i {
                float:left;
                width:Rm(27);
                height:Rm(27);
                background:red;
                margin:Rm(17) 0 0 Rm(23);
            }
            .input {
                margin-left:Rm(61);
                margin-right:Rm(10);
                input {
                    width:100%;
                    height:Rm(60);
                    border:none;
                    background:none;
                }
            }
        }
    }
}
.h3 {
    height:Rm(78);
    background:#fff;
    border-bottom:1px solid #e5e5e5;
    padding:0 Rm(30);
    h3 {
        float:left;
        padding-left:Rm(25);
        height:Rm(78);
        line-height:Rm(78);
        font-size:Rm(24);
        color:#666;
        position: relative;
        &:after{
            content:"";
            display:block;
            position:absolute;
            width:Rm(6);
            height:Rm(28);
            background:#00b459;
            left:0;
            top:Rm(25);
            border-radius:Rm(3);
            z-index: 3;
            /*
                zindex层级
                弹出层
                    1、遮罩 900
                    2、弹出窗999
                页面中
                1-100
                header
                    100+
            */
        }
    }
    a {
        float:right;
        height:Rm(78);
        line-height:Rm(78);
        font-size:Rm(24);
        color:#666;
    }
}
.hot-teacher {
    margin:0 Rm(15);
    ul {
        margin:Rm(9) 0 Rm(20);
        li{
            float:left;
            width:50%;
            padding:0 Rm(5);
            box-sizing: border-box;
            margin-top:Rm(10);
            .li-con{
                border:1px solid #e5e5e5;
                background:#fff;
                height:Rm(232);
                p {
                    height:Rm(40);
                    line-height: Rm(40);
                    overflow:hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    width:100px;
                }
            }
        }
    }
}
.hot-teacher2 {
    padding:0 Rm(17);
    background:#fff;
    li{
        float:left;
        width:33.3%;
        padding:0 Rm(10);
        box-sizing: border-box;
        margin-top:Rm(10);
        .li-con{
            width:Rm(180);
            height:Rm(180);
            border:1px solid #e5e5e5;
            p {
                height:Rm(40);
                line-height: Rm(40);
                overflow:hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                width:100px;
            }
        }
    }
}



.state-page {
    width:500px;
    margin:0 auto;
}


// .tab_box {
//     width:500px;
//     margin:0 auto;
//     ul {
//         height:40px;
//         overflow: hidden;
//         li {
//             float:left;
//             width:100px;
//             height:40px;
//             line-height: 40px;
//             text-align: center;
//             font-size:14px;
//             background:#ccc;
//             margin:0 10px;
//             &.cur{
//                 background: red;
//             }
//         }
//     }
//     .tab_con{
//         .tab_con_li {
//             height:300px;
//             border:1px solid red;
//             display: none;
//         }
//         .current{
//             display: block;
//         }
//     }
//     ol {
//         li {
//             font-size:12px;
//         }
//     }
// }
.input {
    width:500px;
    margin:0 auto;
}
.event_con {
    width:500px;
    margin:0 auto;
}
.tab_box {
    width:500px;
    margin:0 auto;
    ol {
        height:40px;
        overflow:hidden;
        li{
            float:left;
            width:100px;
            height:40px;
            line-height: 40px;
            text-align:center;
            font-size:14px;
            background:#ccc;
            margin-right:10px;
            cursor:pointer;
            &.cur{
                background:#f60;
            }
        }
    }
    ul {
        li{
            height:40px;
            overflow:hidden;
            font-size:14px;
        }
    }
    .tab_box_con{
        .tab_con_list {
            height:200px;
            border:1px solid red;
            display:none;
        }
        .current{
            display:block;
        }
    }
}
.input_con {
    width:500px;
    margin:0 auto 300px;
}
